<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="main-right container-fluid" id="mainRight">
	<div class="search-bar form-inline">
		<input class="form-control form-search" placeholder="候选人、职位、猎头公司   " />
		<a href="#" class="btn btn-primary"><span class="glyphicon glyphicon glyphicon-search"></span>  搜索</a>
		
	</div>
	<div class="mylist">
		<table class="table table-hover">
			<thead>
				<tr>
					<th style="width:800px" >候选人</th>
					<th style="width:500px">职位名称</th>
					<th style="width:500px">猎头公司</th>
					<th style="width:500px">状态</th>
					<th style="width:500px">职位负责人</th>
					<th style="width:500px" data-order="order">更新时间
						<i class="caret caret-top caret-grey"></i> 
						<i class="caret caret-down caret-grey"></i>
					</th>
					<th style="width:500px">操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<div class="houxuanren-biaoqian">
							<span class="glyphicon glyphicon-tag glyphicon-biaoqian" id="biaoQian"></span>
							<div class="houxuanren-tanchu">
								<ul class="list-unstyled list-inline">
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #ff7c7c;"></span></li>
									<li>	<span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #ffbf33;"></span></li>
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #f6e732;"></span></li>
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #b5e123;"></span></li>
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #7fc7ff;"></span></li>
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #e4a5ff;"></span></li>
									<li><span class="glyphicon glyphicon-tag glyphicon-biaoqian" style="color: #c8c8c8;"></span></li>
								</ul>
							</div>
						</div>
						<a href="#">张四三</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#" class="btn-beizhu"  data-toggle="modal" data-target="#myModalBeizhu"><span class="glyphicon glyphicon-file"></span></a><br />
						<span class="small">副总裁-北京百度科技有限公司...</span></td>
					<td>执行副总裁</td>
					<td>XXXX猎头公司头公司... <a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-comment"></span></a href="#"></td>
					<td>面试</td>
					<td>李晓</td>
					<td>3天前<br /><span class="small">2015-05-12  09:00:00</span></td>
					<td>
						<div class="btn-group">
						  <button type="button" class="btn btn-primary">面试通知</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a data-toggle="modal" data-target="#offer" href="#">Offer</a></li>
						    <li><a href="#">拒绝候选人</a></li>
						    <li><a href="#">转发候选人</a></li>
						    <li class="divider"></li>
						    <li><a href="#">其它操作</a></li>
						  </ul>
						</div>
					
					</td>
				</tr>
				<tr>
					<td>
						<a href="#">张三</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" data-toggle="modal" data-target="#myModalBeizhu"><span  class="glyphicon glyphicon-file"></span></a>　<br /><span class="small">副总裁-北京百度科技有限公司</span></td>
					<td>执行副总裁</td>
					<td>XXXX猎头公司 <a data-toggle="modal" data-target="#myModal" href="#"><span class="glyphicon glyphicon-comment"></span></a></td>
					<td>面试</td>
					<td>李晓</td>
					<td>1天前<br /><span class="small">2015-05-12  09:00:00</span></td>
					<td>通知面试</td>
				</tr>
				<tr>
					<td><a href="#">张三</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><a href="#" data-toggle="modal" data-target="#myModalBeizhu"><span  class="glyphicon glyphicon-file"></span></a></a><br /><span class="small">副总裁-北京百度科技有限公司</span></td>
					<td>执行副总裁</td>
					<td>XXXX猎头公司 <a data-toggle="modal" data-target="#myModal" href="#"><span class="glyphicon glyphicon-comment"></span></a></td>
					<td>面试</td>
					<td>李晓</td>
					<td>1天前<br /><span class="small">2015-05-12  09:00:00</span></td>
					<td>通知面试</td>
				</tr>
				
			</tbody>
		</table>
	</div>
	<div class="page-bar">
		<div class="pull-left">总共: 2,555 条结果</div>
		<nav class="pull-right">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li class="active"><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
	</div>
</div>
<!--候选人备注-->
<div class="modal fade" id="myModalBeizhu"  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">张三的备注信息</h4>
      </div>
      <div class="modal-body">
		<div class="form-group"><textarea rows="3" placeholder="请输入备注内容" class=" form-control"></textarea>
		</div>
		<div class=" form-group clearfix">
			<a href="#" class="btn btn-primary pull-right"> 保存备注</a>
		</div>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试</dd>
		</dl>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">发送</button>
      </div>
    </div>
  </div>
</div>


<!--发私信弹窗-->
<div class="modal fade" id="myModal"  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">给**猎头公司发私信</h4>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">主题</label>
        			<div class="col-md-8">
        				  <input class="form-control" type="" name="" id="" value="" />
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">内容</label>
        			<div class="col-md-8">
        				<textarea name="" rows="4" cols="" class="form-control"></textarea>
        			</div>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">发送</button>
      </div>
    </div>
  </div>
</div>
<!--offer 弹窗-->
<div class="modal fade" id="offer" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Offer</h4>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">候选人：</label>
        			<div class="col-md-8">
        				  <label for="" class="control-label">张先生</label>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">推荐职位：</label>
        			<div class="col-md-8">
        				  <label for="" class="control-label">财务总监</label>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">猎头顾问：</label>
        			<div class="col-md-8">
        				  <label for="" class="control-label">linda</label>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">佣金比例：</label>
        			<div class="col-md-8">
        				  <label for="" class="control-label">20%</label>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">预计佣金：</label>
        			<div class="col-md-8">
        				  <label for="" class="control-label">150,000</label>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label"><span class="red">*</span> offer年薪:</label>
        			<div class="col-md-8">
        				  <input class="form-control" type="" name="" id="" value="" />
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label"><span class="red">*</span> 到岗日期：</label>
        			<div class="col-md-8">
        				  <input class="form-control" type="" name="" id="" value="" />
        			</div>
        		</div>
        		
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label">备注：</label>
        			<div class="col-md-8">
        				<textarea name="" rows="4" cols="" class="form-control"></textarea>
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label"><span class="red">*</span>账务联系人：</label>
        			<div class="col-md-8">
        				  <input class="form-control" type="" name="" id="" value="" />
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="col-md-3 control-label"><span class="red">*</span>联系人电话：</label>
        			<div class="col-md-8">
        				  <input class="form-control" type="" name="" id="" value="" />
        			</div>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">发送</button>
      </div>
    </div>
  </div>
</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		$(".table").order();	 //表格排序	
			//候选人标签
		$("#biaoQian").click(function(e){
			e.stopPropagation()
			$(this).next("div").biaoQian();
		});
		
	})
</script>

</body>
</html>

